﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<List<Gallery.Models.Picture>>" %>

<asp:Content ID="aboutTitle" ContentPlaceHolderID="TitleContent" runat="server">
    <%= ViewBag.name %>
</asp:Content>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
   <div id="wrapper">
  <div id="wrapper-top">
    <div style="width: 400px; padding-top: 110px; padding-left: 10px; float:left">
        <a href="/home/index"><label style="font-size: 18px; color: #0054D7;">Home</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="/home/index"><label style="font-size: 18px; color: #0054D7;">Album List</label></a>
        <label style="font-size: 22px;"> > </label>
        <a href="/home/albumdetail?id=<%=ViewBag.id %>"><label style="font-size: 18px; color: Red;"><%= ViewBag.name %></label></a>
    </div>
    <div style="float:left; margin-top: 10px;">   
       <img src="../images/logo.png" style="width: 130px; height: 130px;" alt="" />
        <img src="../images/logo1.png" style="width: 130px; height: 130px; " alt="" />
         <img src="../images/logo2.png" style="width: 130px; height: 130px; " alt="" />
     </div>
   
     <div style="padding-top: 20px; padding-left: 880px;"><input type="button" value="Log In" style="height: 30px; width: 90px;font-size:13px;"/></div>
  </div>
  <div id="left">
    <div class="logo"><a href="/home/index">Home</a></div>
    <ul class="menu">
      <li> <a class="opened" href="#">Album List</a>
        <ul class="sub-menu opened">
           <%foreach(var i in ViewBag.albums) %>
            <% { 
                 if(ViewBag.id == i.Id)
                 {
                 %>
                      <li><a href="/home/albumdetail?id=<%=i.Id %>"class="selected"><%= i.Name %></a></li> 
                <%} else {%>
                        <li><a href="/home/albumdetail?id=<%=i.Id %>"><%= i.Name %></a></li>
                <%} %>           
            <% } %>
        </ul>
      </li>
    </ul>
    <div id="left-bottom">
    </div>
  </div>
  <div id="right">
    <div style="margin-left: 20px;margin-top: 40px; margin-bottom: 20px;">
        <table>
            <tr>
                <td style="width: 580px;"><label style="font-size: 30px;"><%= ViewBag.name %></label></td>
                <td style="width: 70px;"><input type="button" value="Share" style="height: 25px; width: 60px;font-size:13px;"/></td>
                <td><a href="/home/createeditalbum?id=<%=ViewBag.id %>"><input type="button" value="Edit" style="height: 25px; width: 60px;font-size:13px;"/></a></td>          
            </tr>
        </table>
    </div>
      <div style="margin-left: 150px; font-size: 18px; margin-bottom: 30px; width: 400px; " ><%=ViewBag.description %></div>
    <ul class="thumbnails">  
        <%foreach(var i in Model) %>
        <%{ %>
            <li>
                <div>
                     <a href="/home/content?id=<%=i.Id %>">
                        <img src="../images/albums/<%=ViewBag.id %>/<%=i.Image %>" alt="" style="width: 167px;height: 107px; border-style: double; border-width: 7px;"/>
                     </a>
                     <p style="width: 167px;" align="center"><%=i.Name %></p>
                 </div>
            </li>
        <%} %>  
      
    </ul>
  </div>
   <div id="wrapper-bottom">
        <div style=" padding-top: 30px;">
          <a href="#wrapper" style="color: Red; font-size: 15px;">Back to Top</a>
        </div>
  </div>
</div>
</asp:Content>